<template>
	<div class="search">
		<el-autocomplete class="search-input" placeholder="请输入医院名称" clearable />
		<el-button class="search-btn" type="primary" :icon="Search"></el-button>
	</div>
</template>

<script lang="ts">
	export default {
		name: 'Search',
	};
</script>

<script setup lang="ts">
	import { Search } from '@element-plus/icons-vue';
</script>

<style scoped lang="scss">
	.search {
		height: 150px;
		display: flex;
		justify-content: center;
		align-items: center;

		:deep(.search-input) {
			width: 700px;

			.el-input__wrapper {
				height: 40px;
			}
		}

		:deep(.search-btn) {
      width: 60px;
			height: 40px;
      margin-left: 10px;
		}
	}
</style>
